page
{
	// background-color: #F6F6F6;
}
.list
{
	padding: 30rpx 40rpx;
	box-sizing: border-box;
	.item
	{
		border-radius: 20rpx;
		height: 300rpx;
		margin-bottom: 40rpx;
		position: relative;
		.bgimg
		{
			width: 100%;
			height: 100%;
		}
		.hot
		{
			display: flex;
			align-items: center;
			font-size: 22rpx;
			position: absolute;
			right: 30rpx;
			top: 40rpx;
			.hotbody
			{
				position: relative;
				width: 100%;
				height: 100%;
				image
				{
					width: 200rpx;
					height: 50rpx;
				}
				.hotcon
				{
					position: absolute;
					height: 46rpx;
					line-height: 46rpx;
					right: 28rpx;
					font-size: 18rpx;
					color: #FFFFFF;
					top: 4rpx;
				}
			}
			
		}
		.bg
		{
			display: flex;
			align-items: center;
			padding: 20rpx;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			.img
			{
				width: 176rpx;
				height: 252rpx;
				border-radius: 20rpx;
			}
			.info
			{
				height: 180rpx;
				margin-left: 40rpx;
				width: 450rpx;
				display: flex;
				flex-direction: column;
				// justify-content: space-between;
				color: #FFFFFF;
				.top
				{
					display: flex;
					align-items: center;
					justify-content: space-between;
					.name
					{
						font-size: 32rpx;
						font-weight: 500;
					}
					
				}
				.count
				{
					font-size: 24rpx;
					margin-top: 20rpx;
				}
				.rate
				{
					font-size: 24rpx;
					display: flex;
					align-items: center;
					margin-top: 60rpx;
				}
			}
		}
		
	}
}

.filter
{
	padding: 30rpx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	.small
	{
		width: 136rpx;
		&.active
		{
			color: #FFF29A ;
			border: 1rpx solid #FFF29A;
		}
	}
	
	.item
	{
		width: 160rpx;
		border: 1rpx solid #9F9F9F;
		height: 48rpx;
		border-radius: 24rpx;
		position: relative;
		font-size: 20rpx;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		.name
		{
			width: 100%;
			text-align:center;
		}
		image
		{
			position: absolute;
			right: 10rpx;
			width: 13rpx;
			height: 18rpx;
		}
	}
}

.light-index{
	background: #fff !important;
	min-height: 100%;
}
.light-item{
	color: #666 !important;
	&.active{
		color: #FF9D66 !important;
		border: 1rpx solid #FF9D66 !important;
	}
}
.light-item1{
	color: #666 !important;
	&.active{
		color: #FF9D66 !important;
		border: 1rpx solid #FF9D66 !important;
	}
}